<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>鲁班商城</title>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/fenlei.css"/>
	    <script src="myjs/js.js"></script>
	</head>
	<body>
		<!--总div-开始-->
		<div class="sav">
			
		<!--<!--头部div-开始-->
		<!--<div class="header"></div>-->
		<!--头部div-结束-->
		
				<!--头部-->
		<div class="header">
			<!--头部顶部-->
			<div class="headertop">
				<div class="center">
					<!--顶部左边-->
					<div class="left">
						<ul class="clearfix">
							<li>
								<a href="registered.html">注册</a>
							</li>
							<li>
								<a href="nologinpay.html">登录</a>
							</li>
							<li>
								<a href="viplogin.html">VIP登录</a>
							</li>
						</ul>
					</div>
					<!--顶部右边-->
					<div class="right">
						<ul>
							<li>
								<a href="PayM.html">商家入驻</a>
							</li>
							<li>
								<a href="#">我的订单</a>
							</li>
							<li>
								<a href="#"><i class="iconfont icon-cart"></i><em>(0)</em></a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--头部中间部分==logo+搜索栏-->
			<div class="headercenter">
				<div class="center">

					<div class="wrapper">
						<div class="cube">
							<b class="left"></b>
							<b class="right"></b>
							<i class="front"></i>
							<i class="back"></i>
						</div>
					</div>

					<!--logo-->
					<div class="logo">
						<ul class="logo3d">
							<li class="front">
								<a href="index.html">
									<img src="img/logo.jpg" alt="logo图标" />
								</a>
							</li>
							<li class="back">
								<a href="index.html">
									<img src="img/logo.jpg" alt="logo图标" />
								</a>
							</li>
						</ul>
						<ul class="logo3d">
							<li class="left">
								<a href="index.html">
									<img src="img/logo.jpg" alt="logo图标" />
								</a>
							</li>
							<li class="right">
								<a href="index.html">
									<img src="img/logo.jpg" alt="logo图标" />
								</a>
							</li>
						</ul>
					</div>
					<!--搜索栏-->
					<div class="search">
						<form action="" class="clearfix">
							<input type="search" name="search" placeholder="search" />
							<button><i class="iconfont icon-search3"></i></button>
						</form>
					</div>
				</div>
			</div>

			<!--头部最后--导航栏部分-->
			<div class="headerbottom">
				<div class="nav">
					<ul class="navul clearfix">
						<li>
							<a href="My car.html">木工</a>
							<!--经过导航栏弹出详细导航-->
							<div class="navigation" id="navwidth">
								<div class="centent clearfix">
									<div class="listing1 fl">
										<ul class="fl">
											<li><a href="#">板材</a></li>
											<li><a href="#">装饰面板</a></li>
											<li><a href="#">宝丽版</a></li>
											<li><a href="#">三聚氰胺版</a></li>
											<li><a href="#">铝朔版</a></li>
											<li><a href="#">多层版</a></li>
											<li><a href="#">中纤版</a></li>
											<li><a href="#">细木工板</a></li>
											<li><a href="#">刨花版</a></li>
										</ul>
										<ul class="fl">
											<li><a href="#">欧松板</a></li>
											<li><a href="#">防火板</a></li>
											<li><a href="#">密度板</a></li>
											<li><a href="#">其他板材</a></li>
										</ul>
									</div>
									<div class="listing2 fl">
										<ul>
											<li><a href="#">地板</a></li>
											<li><a href="#">实木地板</a></li>
											<li><a href="#">实木复合地板</a></li>
											<li><a href="#">强化复合地板</a></li>
											<li><a href="#">竹地板</a></li>
											<li><a href="#">软木地板</a></li>
											<li><a href="#">塑料地板</a></li>
											<li><a href="#">PVC地板</a></li>
											<li><a href="#">其他地板</a></li>
										</ul>
									</div>
									<div class="listing3 fl">
										<ul class="fl">
											<li><a href="#">木线</a></li>
											<li><a href="#">普通龙骨</a></li>
											<li><a href="#">精品龙骨</a></li>
											<li><a href="#">顶线</a></li>
											<li><a href="#">门线</a></li>
											<li><a href="#">角线</a></li>
											<li><a href="#">木方线</a></li>
											<li><a href="#">收口线</a></li>
											<li><a href="#">花木线</a></li>
										</ul>
										<ul>
											<li><a href="#">踢脚线</a></li>
											<li><a href="#">定制木线</a></li>
											<li><a href="#">其它木线</a></li>
										</ul>
									</div>
									<div class="listing4 fl">
										<ul class="fl">
											<li><a href="#">地板配件</a></li>
											<li><a href="#">地板钉</a></li>
											<li><a href="#">扣条</a></li>
											<li><a href="#">地垫</a></li>
											<li><a href="#">地板蜡</a></li>
											<li><a href="#">地板清洁剂</a></li>
											<li><a href="#">底板防水油</a></li>
											<li><a href="#">地板修补剂</a></li>
											<li><a href="#">甲醇清除剂</a></li>
										</ul>
										<ul>
											<li><a href="#">地板安装工具</a></li>
											<li><a href="#">其他地板配件</a> </li>
										</ul>
									</div>
									<div class="listing5 fl">
										<ul>
											<li><a href="#">吊顶钢龙骨</a></li>
											<li><a href="#">吊筋</a></li>
											<li><a href="#">吊钢</a></li>
											<li><a href="#">轻钢龙骨</a></li>
											<li><a href="#">扣板龙骨</a></li>
											<li><a href="#">铝合金龙骨</a></li>
											<li><a href="#">其它吊件</a></li>
										</ul>
									</div>
									<div class="listing6 fl">
										<ul class="fl">
											<li><a href="#">木工类五金</a></li>
											<li><a href="#">拉手</a></li>
											<li><a href="#">锁</a></li>
											<li><a href="#">合页</a></li>
											<li><a href="#">铰链</a></li>
											<li><a href="#">插销</a></li>
											<li><a href="#">门夹</a></li>
											<li><a href="#">碰珠</a></li>
											<li><a href="#">脚轮</a></li>
										</ul>
										<ul class="fl">
											<li><a href="#">闭门器</a></li>
											<li><a href="#">地弹簧</a></li>
											<li><a href="#">吊轮</a></li>
											<li><a href="#">导轨</a></li>
											<li><a href="#">螺栓</a></li>
											<li><a href="#">钉</a></li>
											<li><a href="#">角码</a></li>
											<li><a href="#">螺母</a></li>
										</ul>
										<ul class="fl">
											<li><a href="#">围网</a></li>
											<li><a href="#">其他木工五金</a></li>
										</ul>
									</div>
								</div>
							</div>
						</li>
						<li>
							<a href="address.html">水泥工</a>
						</li>
						<li>
							<a href="affirm.html">油漆工</a>
						</li>
						<li>
							<a href="detail.html">水电工</a>
						</li>
						<li>
							<a href="play.html">门窗/其他</a>
						</li>
						<li>
							<a href="fenlei.html">装修工具</a>
						</li>
						<li>
							<a href="sousuo.html">消防材料</a>
						</li>
						<li>
							<a href="PayM.html">建筑防护</a>
						</li>
						<li>
							<a href="car.html">精细化学品</a>
						</li>
						<li>
							<a href="Information.html">定制/非标准</a>
						</li>
					</ul>
				</div>
			</div>
		</div>


		
		<!--内容div-开始-->
		<div class="section">
			
			<!--内容居中div-开始-->
			<div class="section_z">
				
				<!--中部-左边导航栏div-开始-->
			<div class="section_left" id="fenlei">
				<dl>
					<dt>木工</dt>
					<dd><a href="#">板材</a></dd>
					<dd><a href="#">地板</a></dd>
					<dd><a href="#">木线</a></dd>
					<dd><a href="#">地板配件</a></dd>
					<dd><a href="#">吊件钢龙骨</a></dd>
					<dd><a href="#">木工类五金</a></dd>
				</dl>
				
				<dl>
					<dt>泥水工</dt>
					<dd><a href="#">板材</a></dd>
					<dd><a href="#">地板</a></dd>
					<dd><a href="#">木线</a></dd>
					<dd><a href="#">地板配件</a></dd>
					<dd><a href="#">吊件钢龙骨</a></dd>
					<dd><a href="#">木工类五金</a></dd>
				</dl>
				
				<dl>
					<dt>油漆工</dt>
					<dd><a href="#">板材</a></dd>
					<dd><a href="#">地板</a></dd>
					<dd><a href="#">木线</a></dd>
					<dd><a href="#">地板配件</a></dd>
					<dd><a href="#">吊件钢龙骨</a></dd>
					<dd><a href="#">木工类五金</a></dd>
				</dl>
				
				<dl>
					<dt>水电工</dt>
					<dd><a href="#">板材</a></dd>
					<dd><a href="#">地板</a></dd>
					<dd><a href="#">木线</a></dd>
					<dd><a href="#">地板配件</a></dd>
					<dd><a href="#">吊件钢龙骨</a></dd>
					<dd><a href="#">木工类五金</a></dd>
				</dl>
				
				<dl>
					<dt>门窗、其他</dt>
					<dd><a href="#">板材</a></dd>
					<dd><a href="#">地板</a></dd>
					<dd><a href="#">木线</a></dd>
					<dd><a href="#">地板配件</a></dd>
					<dd><a href="#">吊件钢龙骨</a></dd>
					<dd><a href="#">木工类五金</a></dd>
				</dl>
				
				<dl>
					<dt>装修工具</dt>
					<dd><a href="#">板材</a></dd>
					<dd><a href="#">地板</a></dd>
					<dd><a href="#">木线</a></dd>
					<dd><a href="#">地板配件</a></dd>
					<dd><a href="#">吊件钢龙骨</a></dd>
					<dd><a href="#">木工类五金</a></dd>
				</dl>
				<dl>
					<dt>消防材料</dt>
					<dd><a href="#">板材</a></dd>
					<dd><a href="#">地板</a></dd>
					<dd><a href="#">木线</a></dd>
					<dd><a href="#">地板配件</a></dd>
					<dd><a href="#">吊件钢龙骨</a></dd>
					<dd><a href="#">木工类五金</a></dd>
				</dl>
				<dl>
					<dt>筑防护</dt>
					<dd><a href="#">板材</a></dd>
					<dd><a href="#">地板</a></dd>
					<dd><a href="#">木线</a></dd>
					<dd><a href="#">地板配件</a></dd>
					<dd><a href="#">吊件钢龙骨</a></dd>
					<dd><a href="#">木工类五金</a></dd>
				</dl>
				<dl>
					<dt>精细化学品</dt>
					<dd><a href="#">板材</a></dd>
					<dd><a href="#">地板</a></dd>
					<dd><a href="#">木线</a></dd>
					<dd><a href="#">地板配件</a></dd>
					<dd><a href="#">吊件钢龙骨</a></dd>
					<dd><a href="#">木工类五金</a></dd>
				</dl>				
			</div>
			
			<script type="text/javascript">
				var fenlei = document.getElementById("fenlei");
				var dlObj = fenlei.children;
				var dtArr = [];
				for(var i=0; i<dlObj.length; i++){
					dtArr[i] = dlObj[i];
				}
				for(var i=0; i<dtArr.length; i++){
					dtArr[i].setAttribute("index",1);
					dtArr[i].children[0].onclick=function(){
						if(this.parentElement.getAttribute("index")==1){
							this.parentElement.style.height=260+"px";
							this.style.backgroundColor="#CCCCCC";
							this.parentElement.setAttribute("index",0);
						}else{
							this.parentElement.style.height=36+"px";
							this.style.backgroundColor="";
							this.parentElement.setAttribute("index",1);
						}
					};
				}
			</script>
			
			
			<!--中部-左边导航栏div-结束-->
			
			<!--中部-右边div-开始-->
        	<div class="section_right">
        		
        		<!--右边div-上面图片框-开始-->
			   <div class="section_right_top">
				<img src="img/fenlei_img_01.jpg" />				
					<div>
						 <p>家具软装</p>
					</div>
					<div>
						<p>软装实拍</p>
			            <p>FURNITURE SITUATION</p>
					</div>
					<span>只要你敢买鲁班就干敢送</span>
				  
			   </div>
			   <!--右边div-上面图片框-结束-->
			   
			   <!--右边div-中部分类div-开始-->
			   <div class="section_right_middle">				
				<table>
					<tr>
						<td>品牌</td>
						<td><a>TOTO(5) </a>        </td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td>分类</td>
						<td><a>坐式马桶(3)</a></td>
						<td><a>智能马桶(2)</a></td>
						<td></td>
					</tr>
					<tr>
						<td>筛选条件</td>
						<td><a>价格</a></td>
						<td><a>功能</a></td>
						<td><a>尺寸</a></td>
					</tr>
				</table>	
			</div>
			<!--右边div-中部分类div-结束-->
			
			<!--右边div-中部导航栏div-开始-->
			<div class="section_right_bnav">
				<label>排序</label>
				<select>
					<option selected="selected">
						<span>最新</span>
					</option>
					<option>
						<span>最热</span>
					</option>
				</select>
			</div>
			<!--右边div-中部导航栏div-结束-->
			
			<!--右边div-下面案例div-开始-->
			<div class="section_right_bottom">
				<ul>
					<li>
						<a href="#">
							<div>
							<img src="img/fenlei_img_02.jpg"/>
							<p>TOTO</p>
							<p>新款坐式马桶</p>
							<p>现价 ¥150.00</p>
							<p>总销量：10</p>
							<span>
							<i>欢迎来到鲁班商城</i>
							</span>
						</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div>
							<img src="img/fenlei_img_03.jpg"/>
							<p>TOTO</p>
							<p>新款坐式马桶</p>
							<p>现价 ¥150.00</p>
							<p>总销量：10</p>
							<span>
							<i>欢迎来到鲁班商城</i>
							</span>
						</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div>
							<img src="img/fenlei_img_04.jpg"/>
							<p>TOTO</p>
							<p>新款坐式马桶</p>
							<p>现价 ¥150.00</p>
							<p>总销量：10</p>
							<span>
							<i>欢迎来到鲁班商城</i>
							</span>
						</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div>
							<img src="img/fenlei_img_05.jpg"/>
							<p>TOTO</p>
							<p>新款坐式马桶</p>
							<p>现价 ¥150.00</p>
							<p>总销量：10</p>
							<span>
							<i>欢迎来到鲁班商城</i>
							</span>
						</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div>
							<img src="img/fenlei_img_06.jpg"/>
							<p>TOTO</p>
							<p>新款坐式马桶</p>
							<p>现价 ¥150.00</p>
							<p>总销量：10</p>
							<span>
							<i>欢迎来到鲁班商城</i>
							</span>
						</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div>
							<img src="img/fenlei_img_07.jpg"/>
							<p>TOTO</p>
							<p>新款坐式马桶</p>
							<p>现价 ¥150.00</p>
							<p>总销量：10</p>
							<span>
							<i>欢迎来到鲁班商城</i>
							</span>
						</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div>
							<img src="img/fenlei_img_08.jpg"/>
							<p>TOTO</p>
							<p>新款坐式马桶</p>
							<p>现价 ¥150.00</p>
							<p>总销量：10</p>
							<span>
							<i>欢迎来到鲁班商城</i>
							</span>
						</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div>
							<img src="img/fenlei_img_09.jpg"/>
							<p>TOTO</p>
							<p>新款坐式马桶</p>
							<p>现价 ¥150.00</p>
							<p>总销量：10</p>
							<span>
							<i>欢迎来到鲁班商城</i>
							</span>
						</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div>
							<img src="img/fenlei_img_10.jpg"/>
							<p>TOTO</p>
							<p>新款坐式马桶</p>
							<p>现价 ¥150.00</p>
							<p>总销量：10</p>
							<span>
							<i>欢迎来到鲁班商城</i>
							</span>
						</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div>
							<img src="img/fenlei_img_11.jpg"/>
							<p>TOTO</p>
							<p>新款坐式马桶</p>
							<p>现价 ¥150.00</p>
							<p>总销量：10</p>
							<span>
							<i>欢迎来到鲁班商城</i>
							</span>
						</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div>
							<img src="img/fenlei_img_12.jpg"/>
							<p>TOTO</p>
							<p>新款坐式马桶</p>
							<p>现价 ¥150.00</p>
							<p>总销量：10</p>
							<span>
							<i>欢迎来到鲁班商城</i>
							</span>
						</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div>
							<img src="img/fenlei_img_13.jpg"/>
							<p>TOTO</p>
							<p>新款坐式马桶</p>
							<p>现价 ¥150.00</p>
							<p>总销量：10</p>
							<span>
							<i>欢迎来到鲁班商城</i>
							</span>
						</div>
						</a>
					</li>
				</ul>
				
			    
				
			
			</div>
			<!--右边div-下面案例div-结束-->
			
			</div>
			<!--中部-右边div-结束-->
			
			</div>
			<!--内容居中div-结束-->
			
        </div>
        <!--内容div-结束-->
        
        <!--底部-->
		<div class="footer">
			<div class="footer-top center">
				<ul class="clearfix">
					<li>
						<a href="#">
							<i></i>
							<dl>
								<dt>品质保障</dt>
								<dd>品质保证 购物无忧</dd>
							</dl>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<dl>
								<dt>特色服务</dt>
								<dd>针对户型 私人定制</dd>
							</dl>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<dl>
								<dt>全网最低</dt>
								<dd>厂家直销 低价承诺</dd>
							</dl>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<dl>
								<dt>帮助中心</dt>
								<dd>您的购物指南</dd>
							</dl>
						</a>
					</li>
				</ul>
			</div>
			<div class="footer-center center clearfix">
				<dl>
					<dt>新手指南</dt>
					<dd>
						<a href="#">新手指南</a>
					</dd>
					<dd>
						<a href="#">购物流程</a>
					</dd>
				</dl>
				<dl>
					<dt>支付方式</dt>
					<dd>
						<a href="#">支付宝</a>
					</dd>
					<dd>
						<a href="#">微信支付</a>
					</dd>
				</dl>
				<dl>
					<dt>物流配送</dt>
					<dd>
						<a href="#">配送方式</a>
					</dd>
					<dd>
						<a href="#">服务流程</a>
					</dd>
				</dl>
				<dl>
					<dt>客服中心</dt>
					<dd>
						<a href="#">在线客服</a>
					</dd>
					<dd>
						<a href="#">常见问题</a>
					</dd>
				</dl>
				<dl>
					<dd>扫一扫,关注鲁班兄弟</dd>
					<img src="img/erweima.jpg" alt="" />
				</dl>
			</div>
			<div class="footer-bottom">
				<ul class="clearfix center">
					<li>Copyright © 2015-2016 QDTG. All rights reserved. 鲁班兄弟 粤ICP16035</li>
					<li>
						<a href="#">关于我们</a>
					</li>
					<li>
						<a href="#">联系我们</a>
					</li>
					<li>
						<a href="#">法律声明</a>
					</li>
				</ul>
			</div>
		</div>
	<!--底部div-结束-->
	</div>
		<!--总div-结束-->
	</body>
</html>
